<!DOCTYPE html>
<html>

<head>
	<title>個人首頁</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="menu.css">
	<script src="public/fontawesome-v6.1.1/js/all.js"></script>
	<script src="public/fontawesome-v6.1.1/js/all.min.js"></script>
	<link rel="stylesheet" type="text/css" href="public/fontawesome-v6.1.1/css/all.css">
	<script src="public/bootstrap-v5.1.3/js/bootstrap.js"></script>
	<link rel="stylesheet" type="text/css" href="public/bootstrap-v5.1.3/css/bootstrap.css">
	<link rel="stylesheet" href="component/css/银河星空.css">
	<script type="text/javascript" src="component/js/樱花.js"></script>
</head>

<body>
	<main style="position:absolute;">
		<div class="stars">
		</div>
	</main>
	<div class="container" style="position:relative;">
		<header
			class="  d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3 mb-4 border-bottom">
			<a href="/" class="d-flex align-items-center mb-2 mb-lg-0 text-white text-decoration-none">
				<img src="img/1.jpg" class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap">
			</a>
			<ul class="nav  col-12 col-md-auto mb-2 justify-content-center mb-md-0">
				<li class="nav-item">
					<a class="nav-link active" data-bs-toggle="pill" href="#home">Home</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" data-bs-toggle="pill" href="#menu1">Menu 1</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" data-bs-toggle="pill" href="#menu2">Menu 2</a>
				</li>
			</ul>
			<div class="col-md-3 text-end">
				<button type="button" class="btn btn-outline-primary me-2">Login</button>
				<button type="button" class="btn btn-primary">Sign-up</button>
			</div>
		</header>

		<!-- Tab panes -->
		<div class="tab-content">
			<div id="home" class="container tab-pane active">
				<div class="row">
					<div class="col-3">
						<div class="item-menu">
							<a href="component/行星.html" title="行星">
								<i class="fa-solid fa-globe" style="font-size: 65px;"></i>
							</a>
						</div>
					</div>
					<div class="col-3">
						<div class="item-menu">
							<a href="component/文件上传.html" title="文件上传">
								<i class="fa-solid fa-file-import" style="font-size: 65px;"></i>
							</a>
						</div>
					</div>
					<div class="col-3">
						<div class="item-menu">
							<a href="component/ctrl  粘贴图片.html" title="ctrl+v 图片">
								<i class="fa-solid fa-image" style="font-size: 65px;"></i>
							</a>
						</div>
					</div>
					<div class="col-3">
						<div class="item-menu">
							<a href="index.html" title="首页">
								<i class="fa-solid fa-house-chimney" style="font-size: 65px;"></i>
							</a>
						</div>
					</div>
					<div class="col-3">
						<div class="item-menu">
							<a href="http://169.254.239.246:81/Logins.aspx" title="chat">
								<i class="fa-solid fa-comments" style="font-size: 65px;"></i>
							</a>
						</div>
					</div>
					<div class="col-3">
						<div class="item-menu">
							<a href="component/loading.html" title="loading">
								<i class="fa-solid fa-spinner" style="font-size: 65px;"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div id="menu1" class="container tab-pane fade">
				<div>
					<div class="row">
						<div class="col-3">
							<div class="item-menu">
								<a href="http://127.0.0.1:8081/exam_manage/" title="exam_manage">
									<i class="fa-solid fa-clover" style="font-size: 65px;"></i>
								</a>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div id="menu2" class="container tab-pane fade">
				<div class="row">
					<div class="col-3">
						<div class="item-menu">
							<a href="component/樱花.html" title="樱花">
								<i class="fa-solid fa-clover" style="font-size: 65px;"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>

</html>